
/* Portfolio */

#port-left{
	width:958px;
	float:left;
}

.projects li.project{
	padding-bottom:30px;
	border-bottom:1px solid #ebebeb;
	margin-bottom:30px;
}

.projects li:last-child{
	margin-bottom:0;
}

.port-img-wrap{
	width:958px;
	height:255px;
	border:1px solid #ececec;
	position:relative;
	margin-bottom:30px;
}

.port-img-inner{
	overflow:hidden;
}

.port-img-wrap img{
	max-height:355px;
}

.port-category{
	width:945px;
	height:23px;
	background:#626c71;
	color:#fff;
	font-size:12px;
	padding:4px 0 0 14px;
	position:absolute;
	bottom:0;
}

.port-category li{
	padding-top:1px;
	float:left;
	margin-right:15px;
}

.port-category li a{
	color:#eee;
}

.port-category li a:hover{
	color:#d5d5d5;
}

.port-category span.h{
	background:url(images/port-cat.png) no-repeat 0 5px;
	font-family: 'Crimson Text', serif;
	font-size:15px;
	padding:1px 0 0 16px;
}


.pro-date{
	width:96px;
	height:48px;
	color:#606060;
	background:url(images/pro-date.png);
	font-family: 'Crimson Text', serif;
	font-size:21px;
	position:absolute;
	left:-18px;
	bottom:88px;
}

.pro-date span.day{
	font-size:21px;
	line-height:30px;
	padding-left:32px;
}

.pro-date span.month{
	font-size:11px;
	position:absolute;
	top:4px;
	right:9px;
}

.pro-date span.year{
	color:#f7f7f7;
	font-size:14px;
	position:absolute;
	top:17px;
	right:15px;
}

.port-protitle{
	width:866px;
	height:43px;
	background:url(images/port-protitle.png) no-repeat;
	color:#303030;
	font-family: 'Crimson Text', serif;
	font-size:14px;
	padding:6px 0 0 30px;
	position:absolute;
	left:-15px;
	bottom:30px;
}

.port-info{
	width:150px;
	float:left;
}

.port-info-i{
	margin:-2px 0 22px 0;
}

.port-info-i h4{
	background:url(images/port-info-h.png) 0 3px no-repeat #fff;
	font-family: 'Crimson Text', serif;
	position:relative;
	z-index:10;
	display:inline;
	padding:0 7px 0 16px;
}

.port-info-i p{
	margin-top:7px;
}

.port-info-border{
	width:150px;
	height:1px;
	background:#ebebeb;
	position:relative;
	top:-6px;
	z-index:7;
}

.port-share{
	margin:12px 0;
}

.port-share li{
	margin-right:8px;
	float:left;
}

a.port-twitter{
	width:36px;
	height:26px;
	background:url(images/port-twitter.png);
	display:block;
}

a.port-twitter:hover{
	background-position:-36px;
}

a.port-facebook{
	width:36px;
	height:26px;
	background:url(images/port-facebook.png);
	display:block;
}

a.port-facebook:hover{
	background-position:-36px;
}

a.port-pinterest{
	width:36px;
	height:26px;
	background:url(images/port-pinterest.png);
	display:block;
}

a.port-pinterest:hover{
	background-position:-36px;
}


.bt-left{
	width:3px;
	height:29px;
	background:url(images/bt-left.png);
	float:left;
}

.bt-mid{
	height:29px;
	color:#606060;
	background:url(images/bt-mid.png) repeat-x;
	font-size:10px;
	line-height:28px;
	padding:0 3px 0 5px;
	float:left;
}

.bt-right{
	width:9px;
	height:29px;
	background:url(images/bt-right.png);
	float:left;
}

a:hover .bt-left{
	background:url(images/bt-left-hover.png);
}

a:hover .bt-mid{
	background:url(images/bt-mid-hover.png) repeat-x;
}

a:hover .bt-right{
	background:url(images/bt-right-hover.png);
}

.port-bts-wrapper{
	margin-top:12px;
}

.port-bts-wrapper li{
	float:left;
	margin:5px 10px 0 0;
}


.port-right{
	width:695px;
	float:right;
}


#port-sidebar{
	width:280px;
	float:right;
}

#port-sidebar h3{
	background:#fff;
	padding-right:10px;
	display:inline;
}

.port-sidebar-border{
	width:280px;
	height:8px;
	border-bottom:1px solid #ebebeb;
	float:left;
}

#side-clients ul{
	padding-top:35px;	
	margin-right:-30px;	
}


#side-clients li a{
	width:32px;
	height:32px;
	border:1px solid #e9e9e9;
	opacity:.6;
	margin:0 15px 15px 0;
	padding:5px;
	float:left;
	display:block;
}

#side-categories{
	margin:16px 0 -10px 0;
}

#side-categories ul{
	margin-top:20px;
}

#side-categories ul li .bt-right{
	margin-right:8px;
}

#side-categories ul li a{
	display:inline-block;
	float:left;
	margin-bottom:10px;
}

#side-testimonials{
	margin-top:35px;
}

#side-testimonials ul{
	margin-top:22px;
}

#side-testimonials ul li{
	background:url(images/side-testimonial.png) no-repeat;
	border-bottom:1px solid #f0f0f0;
	text-indent:27px;
	padding:3px 0 20px 0;
	margin-bottom:20px;
}

#side-testimonials ul li:last-child{
	border-bottom:none;
}

#side-testimonials span.testimonial-owner{
	text-indent:0;
}



/* Page numbers */
.page-numbers{
	margin-top:20px;
}

.page-numbers li{
	width:21px;
	height:21px;
	background:url(images/page-num.png) no-repeat;
	float:left;
	display:block;
	margin-right:3px;
	
}

.page-numbers li a{
	width:21px;
	height:21px;
	color:#606060;
	line-height:20px;
	text-indent:5px;
	display:block;
}

.page-numbers li:hover, .page-numbers li.active{
	background-position:-21px;
}

.page-numbers li.prev a{
	background:url(images/pagenum-pre.png) no-repeat;
}

.page-numbers li.prev:hover a{
	background-position:-21px;
}

.page-numbers li.next a{
	width:21px;
	height:21px;
	background:url(images/pagenum-next.png) no-repeat;
}

.page-numbers li.next:hover a{
	background-position:-21px;
}
